<template>
  <div class="page-p-l page-p-r notice-box">
    <h2 class="notice-title">《跨省超限运输许可须知》</h2>
    <div>
      注册及使用本平台及相应客户端服务前，请事先认真阅读本服务条款内容，特别是关于用户义务、用户责任及平台有限保证及免责的条款。
      平台网站及相应客户端的各类业务规则构成本服务条款的组成部分。拟注册用户在进行注册过程中，点击“我已仔细阅读并接受用户服务条款”即
      表示您完全接受并同意遵守本服务条款的全部内容。如您不同意本服务条款，请立即停止注册及使用。平台有权不时对本服务条款（包括各类业务规则）作出修改或补充，并通过网站或相应客户端公布。您继续访问和使用本平台即视为您接受修订后的本服务条款。否则，
      您有权通过停止访问且拒绝使用本服务、删除账号等方式终止本服务条款。拟注册用户应具备我国法律规定的与您从事行为相应的民事行为能力，
      并需同意遵守所有服务条款之约束，在按照规定流程完成注册程序后，才能成为平台的正式注册用户并享受平台提供的更全面的服务。
      如果您代表某个机构而非您个人注册、登录和使用平台，则您将被认为获得充分授权代表该机构同意本服务条款。
      用户权利：
      在符合《部62号令》前提下，提交大件运输许可申请的权利。
      撤销许可申请的权利。
      修改基本信息的权利。
      用户义务：
      遵守中华人民共和国关于网络的相关法律、法规。
      使用网络服务不作非法用途。
      不干扰或混乱网络服务。
      遵守所有使用网络服务的网络协议、规定、程序和惯例。
      不得传输或发表煽动抗拒、破坏宪法和法律、行政法规实施的言论，煽动颠覆国家政权，推翻社会主义制度的言论，煽动分裂国家、破坏国家统一的言论，煽动民族仇恨、民族歧视、破坏民族团结的言论或内容。
      不传输任何非法的、骚扰性的、中伤他人的、辱骂性的、恐吓性的、伤害性的、庸俗的、淫秽的、侵权等信息资料。
      不传输任何教唆他人可能构成犯罪行为的资料。
      不传输任何不符合国家法律及国际惯例的资料。
      不得在未经许可的情况下，非法进入其它电脑系统。
      用户信息及隐私政策：
      用户注册时应提供详尽、准确的用户资料（包括但不限于姓名或名称、身份证号码、邮箱、联系方式、道路运输经营许可证等），并应不断更新注册资料，
      以符合及时、详尽、准确的要求。因用户注册信息不真实或更新不及时产生的相关争议或问题，平台不承担任何责任。
      用户使用虚假、伪造信息或冒用、盗用他人信息注册的，平台有权不予接受注册或封禁账户
      <ul>
        <li>
          用户在平台上进行的任何行为均是用户的个人行为。因用户行为或用户上传、存储、发布、传播的任何作品、信息、内容等引发的任何争议，或由此产生的任何直接、间接、
          偶然、特殊的损害，均由用户自行承担法律责任，平台不承担任何责任。
        </li>
        <li>
          不论在何种情况下，平台均不对由于Internet连接故障，电力故障，罢工，劳动争议，暴乱，起义，骚乱，火灾，洪水，风暴，爆炸，不可抗力，战争，政府行为，国际、国
          内法院的命令，第三方的不作为或任何平台不能合理控制的原因而造成的平台不能访问、信息及数据的延误、停滞或错误，不能提供或延迟提供服务而承担责任。
        </li>
        <li>
          不论是否可以预见，不论是源于何种形式的行为或不作为，平台不对因任何原因造成的任何特别的、间接的、惩罚性的、突发性的或其他任何损害（包括但不限于利润或其他
          可得利益的损失）承担责任。
        </li>
        <li>平台有权删除不符合本服务条款规定的相关信息、资料、内容。</li>
        <li>平台有权暂停用户对账户的使用或限制部分功能或服务。</li>
        <li>平台有权永久封禁账户并禁止任何功能或服务。</li>
        <li>平台有权将用户信息列入经营者黑名单，不予接受以相同用户信息注册平台用户向平台的申请。</li>
        <li>平台有权向有关第三平台投诉或举报用户的违法违规行为。</li>
        <li>平台有权向征信部门报送用户不诚信信息。</li>
        <li>平台有权向有关部门就用户的违法行为进行举报或报案，协助有关部门追究违法犯罪活动的法律责任</li>
      </ul>
    </div>
    <vant-button
      class="notice-apply"
      round
      block
      type="danger"
      :disabled="!isApply"
      @click="toApply"
    >{{btnName}}</vant-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      btnName: '',
      countDown: 5
    }
  },
  mounted() {
    this.countDownFn()
  },
  computed: {
    isApply() {
      return this.countDown < 0
    }
  },
  methods: {
    toApply() {
      this.isApply && this.$router.push('/apply')
    },
    countDownFn() {
      let timer = null
      const fn = () => {
        if (this.countDown === 0) {
          this.setBtnName('我已阅读，并同意本条款！');
          clearInterval(timer)
        } else {
          this.setBtnName(`${this.countDown}S`)
        }
        this.countDown--;
      }
      timer = setInterval(fn, 1000);
      fn()
    },
    setBtnName(s) {
      this.btnName = s
    }
  }
}
</script>

<style lang="less" scoped>
.notice-title {
  margin: 10px 0;
  font-size: 26px;
  text-align: center;
}
.notice-apply {
  margin: 10px 0;
}
</style>